<!DOCTYPE html>
<html>
<head> 
<meta charset="UTF-8">
	<title>Bebemama.org</title> 
	<!-- 
	<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.js"></script>
	<link type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.css" rel="stylesheet" />
	<link rel="stylesheet" href="jquery.mobile-1.0a2.min.css" />
	<script src="jquery-1.6.4.min.js"></script>
	<script src="jquery.mobile-1.0a2.min.js"></script>
	 -->
	
	<link rel="stylesheet" type="text/css" href="jquery.mobile-1.1.0.min.css" />
 <link rel="stylesheet" type="text/css" href="jquery.mobile.datebox.min.css" /> 
<script type="text/javascript" src="jquery-1.6.4.min.js"></script> 
<script type="text/javascript" src="jquery.mobile-1.0.1.min.js"></script>

<!-- Optional Mousewheel support: http://brandonaaron.net/code/mousewheel/docs 
<script type="text/javascript" src="PATH/TO/YOUR/COPY/OF/jquery.mousewheel.min.js"></script> 
<script type="text/javascript" src="jquery.mobile.datebox.min.js"></script>
<script type="text/javascript" src="jquery.mobile.datebox.i8n.en.js"></script>-->
</head> 
<body>

<div data-role="page">

			
	<div data-role="header">
	<a href="pregnancyCare.html" data-role="button" data-theme="b" rel="external" data-inline="true">Back</a>
		<h1>Đoán giới tính bé</h1>
	</div><!-- /header -->

	<div data-role="content">
	
	<div data-role="collapsible" data-collapsed="true">
				<h3>Trước khi bắt đầu...</h3>
				<p>Đây chỉ là dự đoán vui dựa vào kinh nghiệm dân gian, kết quả chỉ mang tính tham khảo. Ngay cả kết quả siêu âm cũng không thể chính xác tuyệt đối.
				Giới tính bé cũng không quá quan trọng, bé khỏe mạnh là vui rồi :).</p>
				<p>&nbsp;</p>
	</div>
			
<form name="genderForm">
<fieldset data-role="controlgroup">
	<legend>Thời điểm nghén nhiều nhất:</legend>
     	<input type="radio" name="radio-choice-1" id="radio-choice-1" value="g" checked="checked" />
     	<label for="radio-choice-1">Sáng sớm</label>
     	<input type="radio" name="radio-choice-1" id="radio-choice-2" value="b"  />
     	<label for="radio-choice-2">Tối</label>
     	
</fieldset>
<fieldset data-role="controlgroup">
	<legend>Đường đen ở bụng</legend>
     	<input type="radio" name="radio-choice-2" id="radio-choice-3" value="g" checked="checked" />
     	<label for="radio-choice-3">Thẳng và chỉ chạy tới bụng</label>
     	<input type="radio" name="radio-choice-2" id="radio-choice-4" value="b"  />
     	<label for="radio-choice-4">Chạy tới xương sườn</label>
     	
</fieldset>
<fieldset data-role="controlgroup">
	<legend>Bụng</legend>
     	<input type="radio" name="radio-choice-3" id="radio-choice-5" value="g" checked="checked" />
     	<label for="radio-choice-5">Bầu dục</label>
     	<input type="radio" name="radio-choice-3" id="radio-choice-6" value="b"  />
     	<label for="radio-choice-6">Tròn</label>
     	
</fieldset>
<fieldset data-role="controlgroup">
	<legend>Da trở nên</legend>
     	<input type="radio" name="radio-choice-4" id="radio-choice-7" value="g" checked="checked" />
     	<label for="radio-choice-7">Mềm</label>
     	<input type="radio" name="radio-choice-4" id="radio-choice-8" value="b"  />
     	<label for="radio-choice-8">Khô</label>
     	
</fieldset>
<fieldset data-role="controlgroup">
	<legend>Tóc trở nên</legend>
     	<input type="radio" name="radio-choice-5" id="radio-choice-9" value="g" checked="checked" />
     	<label for="radio-choice-9">Mỏng và khô</label>
     	<input type="radio" name="radio-choice-5" id="radio-choice-10" value="b"  />
     	<label for="radio-choice-10">Bòng mượt và dày dặn</label>
</fieldset>
<fieldset data-role="controlgroup">
	<legend>Trọng lượng cơ thể tăng ở đâu?</legend>
     	<input type="radio" name="radio-choice-6" id="radio-choice-11" value="g" checked="checked" />
     	<label for="radio-choice-11">Phần sau (mông và hông) nhiều hơn</label>
     	<input type="radio" name="radio-choice-6" id="radio-choice-12" value="b"  />
     	<label for="radio-choice-12">Phần trước (Bụng) nhiều hơn</label>
     	
</fieldset>
<fieldset data-role="controlgroup">
	<legend>Đồ ăn: ngọt, mặn hoặc chua?</legend>
     	<input type="radio" name="radio-choice-7" id="radio-choice-13" value="g" checked="checked" />
     	<label for="radio-choice-13">Ngọt (Trái cây, sữa, bánh..)</label>
     	<input type="radio" name="radio-choice-7" id="radio-choice-14" value="b"  />
     	<label for="radio-choice-14">Mặn hoặc chua</label>
     	
</fieldset>
<fieldset data-role="controlgroup">
	<legend>Mụn trứng cá</legend>
     	<input type="radio" name="radio-choice-8" id="radio-choice-15" value="g" checked="checked" />
     	<label for="radio-choice-15">Có nhiều hơn trước</label>
     	<input type="radio" name="radio-choice-8" id="radio-choice-16" value="b"  />
     	<label for="radio-choice-16">Bình thường</label>
     	
</fieldset>
<fieldset data-role="controlgroup">
	<legend>Lông chân</legend>
     	<input type="radio" name="radio-choice-9" id="radio-choice-17" value="b" checked="checked" />
     	<label for="radio-choice-17">Nhiều hơn</label>
     	<input type="radio" name="radio-choice-9" id="radio-choice-18" value="g"  />
     	<label for="radio-choice-18">Ít</label>
     	
</fieldset>
<fieldset data-role="controlgroup">
	<legend>Nhịp tim bé</legend>
     	<input type="radio" name="radio-choice-10" id="radio-choice-19" value="g" checked="checked" />
     	<label for="radio-choice-19">Trên 140/phút</label>
     	<input type="radio" name="radio-choice-10" id="radio-choice-20" value="b"  />
     	<label for="radio-choice-20">140/phút trở lại</label>
     	
</fieldset>
<fieldset data-role="controlgroup">
	<legend>Bàn chân</legend>
     	<input type="radio" name="radio-choice-11" id="radio-choice-21" value="b" checked="checked" />
     	<label for="radio-choice-21">Lạnh hơn trước mang thai</label>
     	<input type="radio" name="radio-choice-11" id="radio-choice-22" value="g"  />
     	<label for="radio-choice-22">Bình thường</label>
     	<input type="radio" name="radio-choice-11" id="radio-choice-23" value="m"  />
     	<label for="radio-choice-23">Không rõ</label>
</fieldset>
<fieldset data-role="controlgroup">
	<legend>Tâm trạng</legend>
     	<input type="radio" name="radio-choice-11" id="radio-choice-24" value="g" checked="checked" />
     	<label for="radio-choice-24">Ủ rũ hơn</label>
     	<input type="radio" name="radio-choice-11" id="radio-choice-25" value="b"  />
     	<label for="radio-choice-25">Mạnh mẽ hơn</label>
</fieldset>
<!-- <a href="index.html" data-role="button" data-inline="true" data-theme="b">Save</a> -->
<input type="button" data-role="button" value="Đồng ý" onclick="guessGender(this);"/>
</form>
	</div>
	<div id="resultDiv" style="display: none;">
            </div>
            
		<div data-role="footer">
		<h4>Footer content</h4>
	</div><!-- /footer -->
	
</div><!-- /page -->

</div>
</body>
 <script type="text/javascript">
 	function guessGender(form){
 		 var allRadios = $("input[type='radio']");
 		 var gcount = 0; 
 		 var bcount = 0;
 		 var res = "";
 		allRadios.each(function(){
 	 		if(this.checked){
 	 			if(this.value =='b'){
 	 	 			bcount++;
 	 	 		}else{
 	 	 	 		gcount++;
 	 	 	 	}
 	 	 	}
 	 		
 		});
	 	 if(gcount > bcount){
			//alert('g with %: ' + gcount/(gcount+bcount)*100);
	 		res = 'GÁI với xác suất ' + gcount/(gcount+bcount)*100 + ' %';
		 }
	 	 else{
	 		res = 'TRAI với xác suất ' + bcount/(gcount+bcount)*100 + ' %';
	 		//alert('b with %: ' + bcount/(gcount+bcount)*100);
		}

		var msg  = "<p> Theo dự đoán bạn sẽ sinh con  " + res + "</p>" ;
		 $('#resultDiv').html(msg); 
	 	$('#resultDiv').show();
 	}
 </script>
</html>